.book-item {
  float: left;
  width: 206px;
  height: 204px;
  margin: 0 0 30px 18px;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 1px 3px 5px #ccc;

  &.book-card {
  	margin-left: 20px;
  	background-color: #fff;
  	transition: box-shadow .3s;
  	overflow: hidden;

  	&:hover {
  		box-shadow: 1px 3px 5px #999;
  	}

  	.book-cover {
  		width: 206px;
		height: 140px;
		overflow: hidden;
		
		&:hover img {
			transform: scale(1.1);
		}

		img {
			// height: 100%;
			transition: transform .6s ease 0s;
			&:hover {
				cursor: pointer;
			}
		}
		  
  	}

  	.book-tt {
  		// height: 40px;
  		height: 30px;
  		padding: 5px 10px;
  		margin-top: 3px;
  		font-size: 14px;
  		box-sizing: border-box;
		// word-break: break-all;
		white-space: nowrap;
		text-overflow: ellipsis;
  		overflow: hidden;

  		a {
  			&:hover {
			   color: #FD8F04;
			   cursor: pointer;
    		}
  		}
  	}

  	.book-info {
  		margin-top: 3px;
  		padding: 0 10px;
  		box-sizing: border-box;

  		.free {
  			color: #5fb41b;
  		}

  		.price {
  			color: #e85308;
  		}

  		.right {
  			float: right;
  			font-size: 12px;
  			color: #aaa;
  		}
  	}
  }
}